<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Nested Rules</title>
	<link rel="stylesheet/less" type="text/css" href="less/Nested-Rules.less" />
	<script type="text/javascript" src="js/less.min.js"></script>
</head>
<body>
<header class="header">
	<div class="logo"></div>
	<nav class="nav">
		<a href="" class="nav__item">课程</a>
		<a href="" class="nav__item nav__item_icon_new">职业路径</a>
		<a href="" class="nav__item">实战</a>
		<a href="" class="nav__item">猿问</a>
		<a href="" class="nav__item">手记</a>
	</nav>
	<div class="profile">
		<a href="" class="profile__item profile__phone"></a>
		<a href="" class="profile__item profile__message"></a>
		<a href="" class="profile__item profile__mail"></a>
		<a href="" class="profile__item profile__ava"></a>
	</div>
	<div class="search"><input type="text" class="search__input"></div>
</header>
<div class="banner"></div>
<div class="recommand"></div>
<div class="courses"></div>
<footer class="footer"></footer>
</body>
</html>
